<template>
	<div class="back_content_page">
		<div class="header">
			<van-nav-bar
				title="帮助中心"
				left-arrow
				@click-left="onClickLeft"
				/>
		</div>

		<div class="chan_question">
			<p>
				<span>|</span>
				<span>常见问题</span>
			</p>
		</div>
		<div class="help_content">

			<van-collapse v-model="activeName" accordion>

			  <van-collapse-item
          v-for="(item,i) in items"
          :key="i"
          :title="item.title" :name="i">{{item.content}}</van-collapse-item>

			</van-collapse>
		</div>


   <!--<div>

       <ban-veriFy></ban-veriFy>
    </div>-->
	</div>
</template>
<script>
//	import BanVeriFy from '@/components/BanVeriFy'
	export default {
	    data() {
	        return {
	            activeName: '',
              items:[]
	        };
      },
      mounted:function(){
          const that = this;
          that.help_center_app_list();
      },
      methods:{
          help_center_app_list(){
              const that = this;
              that.$sendRequest('/sys/help_center_app_list',"").then(function(res){
                  console.log(res);
                  that.items = res.data.result.helps;
              })
          },
          onClickLeft(){
              this.$router.back(-1);
          }
      }
//    components: {
//
//	          BanVeriFy
//	     }
   };
</script>
<style scoped="scoped">
	p{
		margin: 0;
		padding: 0;
	}

	.help_content >>> .van-cell__title{
		text-align: left;
		padding-left: 3vh;
	}
	.help_content>>>.van-collapse-item__content{
		text-align: left;
		padding-left: 5.4vh;
	}
	.chan_question{
		margin-top: 1vh;
		text-align: left;
	    padding-left: 3vh;
	    color: #000;
	    font-weight: 500;
	    background: #FFFFFF;
	    padding: 1.4vh 1vh;
	}
	.back_content_page{
		background: rgb(245,245,245);
	}
	.header >>> .van-icon-arrow-left{
        color: #2c3e50;
    }
	.van-hairline--top-bottom::after{
		border: none;
	}
</style>
